<template>
    <div class="four">
        <div class="top">
            <img src="../../assets/images/problem1.png" alt="" class="top-img1" @click="goback">
            <p class="top-p">常见问题</p>
            <img src="../../assets/images/problem2.png" alt="" class="top-img2">
        </div>
        <div class="title">
            4.合约交易如何设置止盈止损
        </div>
        <div class="content content1">
            止盈止损是策略委托的一种，指的是预先设置委托和触发条件，当合约最新成交价格达到事先设定的触发价格时，
            会将事先设置的委托按照委托价格送入市场，以达到止盈止损或是追涨追跌的效果。
        </div>
        <div class="content content2">
            止盈止损是合约交易中很重要的概念之一，当您的合约方向做反了，要认错，及时止损，留得青山在；当您的合约方向做对了，
            及时止盈锁住利润，防止行情上下波动反而亏损。学会止盈止损，才能在这个市场生存的更久。
        </div>
        <div class="content content3">
            永续合约和交割合约都可以在两个个地方进行止盈止损操作：交易页面、具体仓位页面。用户可以根据自己的情况进行选择。
        </div>
        <div class="content titlea">
            1.交易页面设置止盈止损
        </div>
        <div class="content titlea">
            开仓时设置止盈止损
        </div>
        <div class="content content4">
            用户在开多单或者空单的同时都可以在【下单二次确认】里设置止盈止损。
        </div>
        <div class="content content5">
            开多或者开空时，设置完相关参数点击【买入开多】或者【卖出开空】，点选【止盈止损】— 输入
            【止盈触发价格】、【止损触发价格】 — 点击【确定】。
        </div>
        <div class="img">
            <img src="../../assets/images/problemFour1.png" alt="">
            <img src="../../assets/images/problemFour2.png" alt="">
        </div>
        <div class="content titlea">
            开仓后设置止盈止损
        </div>
        <div class="content content6">
            点击【开仓】—选择【限价止盈止损】—输入【触发价】、【委托价】— 【数量】—点击【开多】。
        </div>
        <img src="../../assets/images/problemFour3.png" alt="" class="imgtwo">
        <div class="titletwo">
            注：
        </div>
        <div class="content content7">
            触发价格：是指当市场最新价格达到用户所设置的触发价后，会触发该笔止盈止损订单并完成委托下单。
        </div>
        <div class="content content8">
            委托价格：是指该笔止盈止损订单被触发后，将按照该委托价下单。
        </div>
        <div class="titletwo">
            2.具体仓位页面设置止盈止损
        </div>
        <div class="content content7">
            点击【仓位】—选择具体要平的仓位点击【止盈止损】—输入【触发价格】、【委托价格】— 【数量】— 【确认】。
        </div>
         <div class="img">
            <img src="../../assets/images/problemFour4.png" alt="">
            <img src="../../assets/images/problemFour5.png" alt="">
        </div>
        <div class="titletwo">
            注：
        </div>
        <div class="content content7">
            合约价格未到达触发价格时，委托会以委托价格进入市场。在合约价格到达触发价格时，委托不会进入市场。
        </div>
        <div class="content content8">
            如果委托成交，则会平掉您的现有仓位或是开出新的仓位，如果委托失败，您的持仓和保证金仍然存在。
        </div>
        <div class="content content9">
            在成功触发之前，不会冻结仓位和保证金。止盈止损委托不一定成功触发，可能会因为价格限制、仓位限制、保证金不
            足、合约处在非交易状态、系统问题等而下单失败。触发成功的限价单同普通限价单，不一定成交，未成交的限价单会显示在当前委托订单里。
        </div>
        <div class="content content10">
            如果行情出现剧烈波动，可能会出现委托无法成交的情况。
        </div>
        <div class="content content8">
            如果需要快速平掉全部仓位，可以选择具体仓位，点击【市价全平】。
        </div>
    </div>
  
</template>

<script>
export default {
    methods:{
        goback(){
            this.$router.go('-1')
        },
    }
}
</script>

<style scoped lang="scss">
.four{
    margin: 0;
    padding: 0;
    .top{
        height: 11.73vw;
        width: 100vw;
        background-color: #090A1B;
        display: flex;
        justify-content: space-between;
        align-items: center;
        //font-family: Microsoft Yahei;
        .top-img1{
            height: 5.3vw;
            width: 5.3vw;
            margin-left: 2.4vw;
        }
        .top-p{
            font-size: 4.8vw;
            color: rgba(255, 255, 255, 100);
            letter-spacing: 0.2vw;
        }
        .top-img2{
            height: 5.3vw;
            width: 5.3vw;
            margin-right: 3.2vw;
        }
    }
    .title{
        color: rgba(255, 255, 255, 100);
        font-size: 4.26vw;
        text-align: left;
        font-family: PingFangSC-regular;
        height: 6.13vw;
        margin-top: 4.26vw;
        margin-left: 4.26vw;
        width: 91.46vw;
        letter-spacing: 0.2vw;
    }
    .content{
        color: rgba(255, 255, 255, 100);
        font-size: 12px;
        text-align: left;
        font-family: PingFangSC-regular;
        width: 91.46vw;
        margin-left: 4.26vw;
        line-height: 5vw;
        letter-spacing: 0.2vw;
    }
    .content1{
        margin-top: 4.26vw;
        height: 18.13vw;
    }
    .content2{
        margin-top: 6.4vw;
        height: 17.6vw;
    }
    .content3{
        margin-top: 6.4vw;
        height: 13.06vw;
    }
    .titlea{
        margin-top: 6.4vw;
        height: 4.5vw;
    }
    .content4{
        margin-top: 6.4vw;
        height: 10.4vw;
    }
    .content5{
        margin-top: 6.4vw;
        height: 16.26vw;
    }
    .img{
        display: flex;
        justify-content: space-between;
        margin: 4.26vw 4.26vw 0 4vw;
        img{
            width: 45.06vw;
            height: 91.73vw;
        }
    }
    .content6{
        margin-top: 7.2vw;
        height: 10.4vw;
    }
    .imgtwo{
        display: flex;
        margin-top: 4.26vw;
        margin-left: 4.26vw;
        width: 45.06vw;
        height: 91.73vw;
    }
    .titletwo{
        height: 5.33vw;
        color: rgba(255, 255, 255, 100);
        font-size: 3.73vw;
        text-align: left;
        font-family: PingFangSC-regular;
        margin-top: 6.4vw;
        margin-left: 4.26vw;
    }
    .content7{
        margin-top: 6.4vw;
        height: 10.4vw;
    }
    .content8{
        margin-top: 4.26vw;
        height: 10.4vw;
    }
    .content9{
        margin-top: 4.26vw;
        height: 28vw;
    }
    .content10{
        margin-top: 4.26vw;
        height: 4.53vw;
    }
}

</style>